<div class="row banner bg-info basics">
  <div class="vertical-middle">
    <label class="acc-label vertical-middle p-0">{{t 'clustersPage.provider.label'}}:</label>
    <span>{{cluster.displayProvider}}</span>
  </div>

  <div class="vertical-middle">
    <label class="acc-label vertical-middle p-0">{{t 'clustersPage.version.label'}}:</label>
    <span>{{cluster.version.gitVersion}}</span>
  </div>

  <div class="vertical-middle">
    <label class="acc-label vertical-middle p-0">{{t 'clustersPage.nodes.label'}}:</label>
    <span>
      {{#if (eq cluster.state "inactive")}}
        {{t 'clusterRow.noHosts'}}
      {{else}}
        {{cluster.machines.length}}
      {{/if}}
    </span>
  </div>
</div>

<div class="row banner bg-info basics">
  <div class="vertical-middle">
    <label class="acc-label vertical-middle p-0">{{t 'generic.cpu'}}:</label>
    <span>{{cluster.cpuTotal}}</span>
  </div>

  <div class="vertical-middle">
    <label class="acc-label vertical-middle p-0">{{t 'generic.memory'}}:</label>
    <span>{{cluster.memoryTotal}}</span>
  </div>

  <div class="vertical-middle">
    <label class="acc-label vertical-middle p-0">{{t 'generic.created'}}:</label>
    <span>{{date-calendar model.cluster.created}}</span>
  </div>
</div>
